﻿@using Shp.Web.Controllers;

@{
    ViewBag.Title = "Index";
    Layout = Layout = "~/Views/Shared/_Layout.ForMenu.cshtml";
}

<div class="sf-menu-cntr-out menu-buffer-for-demo-only">
@Html.MvcContrib().Menu(settings => {
    settings.RootMenuItemsClass = "sf-root";
    settings.RootMenuContainerClass = "sf-menu";
}).Items(menu => {
    menu.Action<HomeController>(c => c.Index(), "Home");        
    
    menu.Link("Mega-Menus").Items(sub => {
        sub.Action<MenuController>(c => c.MegaMenu(), "Mega-Menu");
        sub.Action<MenuController>(c => c.MegaMenuUsingPartials(), "Mega-Menu Partials");
        sub.Action<MenuController>(c => c.SohTanakaMegaMenuTemplateMenuItem(), "Soh Tanaka Template");
        sub.Action<MenuController>(c => c.SohTanakaMegaMenu(), "Soh Tanaka Content");
    });
    menu.Link("Vertical").Items(sub => {
        sub.Action<MenuController>(c => c.VerticalExternal(), "External");
        sub.Action<MenuController>(c => c.VerticalExternal2(), "External 2");        
    });
    menu.Link("Themed").Items(sub => {
        sub.Action<MenuController>(c => c.SohTanakaMegaMenu(), "Soh Tanaka");
        sub.Action<MenuController>(c => c.JQueryStuff(), "jStuff");
    });
    menu.Link("Others").Items(sub => {
        sub.Action<MenuController>(c => c.External(), "External Links");
        sub.Action<MenuController>(c => c.IconsOne(), "With Icons");
        sub.Action<MenuController>(c => c.IconsOnly());
        sub.Action<MenuController>(c => c.Disabled(), "Disabled Menu Items");        
    });
    menu.Action<MenuController>(c => c.IconsOnly(), "Toolbar");
})
</div>

<script type="text/javascript">
    $(function () {
        // animation options are necessary to avoid IE animation opacity bleeding - caused by IE filtering
        var animationOptions = ($.support.opacity) ? { opacity: 'show', height: 'show'} : { height: 'show' };
        $('ul.sf-menu').superfish({
            hoverClass: 'sfHover',
            delay: 250,
            animation: animationOptions,
            speed: 'fast',
            autoArrows: true,
            dropShadows: true,
            disableHI: true
        });
    });
</script>

@section Head{
    <link href="@Url.Content("~/Content/css/superfish.mc.black.css")" rel="stylesheet" type="text/css" />  
    <style type="text/css">            
        .sf-menu-cntr-out { padding-left: 20px;}        
    </style>
}

@{   
    ViewBag.CodeViewType = Shp.Web.Models.GridCodeViewType.Index;
}
@Html.Partial("_codeviewer")
